<template>
  <div>
    <br>
    <span style="color: #1c84c6">基本信息</span>

    <el-row>
      <el-col :span="9" :offset="3">
        <span class="label">演员id：<span v-text="actorMessage1.actorId" class="value"></span></span>
      </el-col>

      <el-col :span="9" :offset="3">
        <span class="label">演员名称：<span v-text="actorMessage1.actorName" class="value"></span></span>
      </el-col>

    </el-row>
    <br>
    <el-divider/>

    <el-row>
      <el-col :span="9" :offset="3">
        <span class="label">感情状态：<span v-text="actorMessage.actorMessageEmotionalState" class="value"></span></span>
      </el-col>
      <el-col :span="9" :offset="3">
        <span class="label">喜欢：<span v-text="actorMessage.actorMessageLove" class="value"></span></span>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="9" :offset="3">
        <span class="label">性别：<span v-text="actorMessage.actorMessageSex" class="value"></span></span>
      </el-col>
      <el-col :span="9" :offset="3">
        <span class="label">生日：<span v-text="actorMessage.actorMessageBirth" class="value"></span></span>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="9" :offset="3">
        <span class="label">年龄：<span v-text="actorMessage.actorMessageAge" class="value"></span></span>
      </el-col>
      <el-col :span="9" :offset="3">
        <span class="label">种族：<span v-text="actorMessage.actorMessageRace" class="value"></span></span>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="9" :offset="3">
        <span class="label">发色：<span v-text="actorMessage.actorMessageHairColor" class="value"></span></span>
      </el-col>
      <el-col :span="8" :offset="3">
        <span class="label">假奶子：<span v-text="actorMessage.actorMessageFakeMilk" class="value"></span></span>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="9" :offset="3">
        <span class="label">三围：<span v-text="actorMessage.actorMessageSanwei" class="value"></span></span>
      </el-col>
      <!--<el-col :span="9" :offset="3">
       <span class="label">月初规格：<span v-text="actorMessage.monthSpecification" class="value"></span></span>
      </el-col>-->
      <el-col :span="9" :offset="3">
        <span class="label">身高(cm)：<span v-text="actorMessage.actorMessageStature" class="value"></span></span>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="9" :offset="3">
        <span class="label">体重(kg)：<span v-text="actorMessage.actorMessageWeight" class="value"></span></span>
      </el-col>
      <el-col :span="9" :offset="3">
        <span class="label">城市和国家：<span v-text="actorMessage.actorMessageSite" class="value"></span></span>
      </el-col>
    </el-row>

    <!--<el-row>
      <el-col :span="9" :offset="3">
       <span class="label">记录人：<span v-text="fishpondRealInfor.chroniclers" class="value"></span></span>
      </el-col>

    </el-row>-->

    <br>
    <br>

  </div>

</template>

<script>
  import { getMessages } from "@/api/xqsp/message";

  export default {
    props: {
      actorMessage1:Object
    },
    data: function () {
      return {
        seen: true,
        actorMessage: {},
      }
    },
    mounted() {
      this.getOne();
    },
    created() {
      this.getOne()
    },
    methods: {
          //获取演员详情信息
      getOne(){
        getMessages(this.actorMessage1.actorId).then(Response=>{
          console.log(this.actorMessage1.actorId)
          this.actorMessage=Response.data;
        })
      }
    },

    // 实现动态监听父类数据信息
    computed: {
      /*switchCustomerId : function () {
        return this.fishpondRealId // 监听switchCustomerId的变化
      }*/
    },
    watch: {
      // watch监听props里status的变化，然后执行操作
      actorMessage1(newV, oldV) {
        console.log(newV)
        this.actorMessage1 = newV
        this.getOne();
      },
      deep: true
    },

  }
</script>

<style scoped>
  .label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 15px;
    color: #606266;
    line-height: 33px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
  }

  .value {
    padding-left: 20px;
    font-size: 14px;
    color: #000000;
  }

  .el-row {
    margin-bottom: 20px;
  }

  :last-child {
    margin-bottom: 0;
  }

  .el-col {
    border-radius: 4px;
  }

</style>
